<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html lang="en">
<head>
    <title>Nivo Slider Demo</title>
	
	<link rel="stylesheet" href="style.css" type="text/css" />
	<style type="text/css">body {background-color:#2f2f2f;}</style>

</head>
<body>

<div id="slider-wrapper">
    <div id="slider" class="nivoSlider">
        <a href="#"><img src="1.jpg" alt="" title="Aku tidak akan pernah tahu" /></a>
        <a href="#"><img src="2.jpg" alt="" title="Bahwa ini dan mereka itu tidak akan pernah identik" /></a>
        <a href="#"><img src="3.jpg" alt="" title="Sebuah kenyataan yang lucu" /></a>
        <a href="#"><img src="4.jpg" alt="" title="Meski seringkali begitu menyakitkan" /></a>
	</div>
</div>
		
		
		
    <script type="text/javascript" src="jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="query.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
			slices: 30,
			boxCols: 4,
			boxRows: 2
		});
    });
    </script>
</body>
</html>